<template>
  <!-- 侧边栏 -->
  <div class="hot-article home-right-item-wrap relative">
    <img class="w-full hot-article-bg" src=''/>
    <div class="hot-article-content">
      <div class="home-right-item-title absolute">
        <a href="/rank/month">
          <div class="com-2-panel-title">
            <span>{{side.title}}</span>
            <small> >>> </small>
          </div>
        </a>
      </div>
      <div class="home-right-item-article-list" v-for="(item, id) in side.items" :key="id">
        <a
          :href="'/user/' + item.url"
          class="home-right-item-article-item"
        >
          <i>
            {{(id + 1).toString().padStart(2, '0')}}
          </i>
          <div class="home-right-item-article-title-txt">
            {{item.name}}
          </div>
          <div class="home-right-item-article-title-txt" style="font-style: italic">
            {{(item.time)}}
          </div>
        </a>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

import type { SideBarItem } from '@/http/ResponseTypes/SideBarItemType'

const props = defineProps<{
  side: SideBarItem

}>()
</script>

<style scoped>

</style>
